<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="王康">
        <title></title>
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <style>
            h2{
                margin: 0px;
                font-size: 2.2rem;
                font-family: '微软雅黑';
                line-height: 60px;
            
            }
        .header{
             height: 60px;
             background-color: #eee;
        }
            .navbar{
                border-bottom: 0px;
                margin: 0px;
            }
            .form-horizontal .control-label{
                text-align: left;

            }
        </style>
    </head>
    <body>
        <nav class="navbar navbar-inverse">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#guanlian" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
                <a class="navbar-brand" href="#">学生信息管理系统</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="#guanlian">
                <ul class="nav navbar-nav">
                    <li><a href="#">首页</a></li>
                    <li class="active"><a href="#">学生管理<span class="sr-only">(current)</span></a></li>

                </ul>
    </nav>
    <div class="header">
        <div class="container">
            <h2>添加学生信息</h2>
        </div>
       <form class="form-horizontal  container">
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">姓名:</label>
    <div class="col-sm-2">
      <input type="text" class="form-control" id="inputEmail3" placeholder="请填写学生姓名">
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">性别:</label>
    <div class="col-sm-2">
      <label class="radio-inline">
  <input type="radio" checked name="inlineRadioOptions" id="inlineRadio1" value="option1"> 男
</label>
<label class="radio-inline">
  <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 女
</label>
    </div>
  </div>
   <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">年龄:</label>
    <div class="col-sm-1">
    <select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
    </div>
  </div>
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">手机号:</label>
    <div class="col-sm-2">
      <input type="text" class="form-control" id="inputEmail3" placeholder="请填写手机号">
    </div>
  </div>
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">电子邮箱:</label>
    <div class="col-sm-3">
      <input type="text" class="form-control" id="inputEmail3" placeholder="请输入电子邮箱">
    </div>
  </div>
  <div class="form-group">
    <label for="remark" class="col-sm-2 control-label">备注:</label>
    <div class="col-sm-6">
  <textarea class="form-control"   id="remark" rows="6"></textarea>
    </div>
 
  </div>
   <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="col-sm-2   btn btn-primary">提交</button>
    </div>
</form>

    </div>
        <script src="bootstrap/js/jquery.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
    </body>
</html>